<template>
  <div class="category">
    <div class="item" v-for="item in 4" :key="item">
      葡萄酒
    </div>
  </div>
</template>

<script>
  export default {
    
  }
</script>

<style lang="less" scoped>
.category{
  display: flex;
  flex-wrap: wrap;
  padding: 3.5rem;
}
.item{
  width: 33rem;
  height: 13rem;
  background: #d8d8d8;
  font-size: 3rem;
  &:nth-of-type(2n-1){
    margin-right:2rem;
  }
  &:nth-of-type(1),
  &:nth-of-type(2){
    margin-bottom:2rem;
  }
}

</style>